<template>
        <div style="background:white;">
            <div v-for="item in infoList">
                <h5 style="color:#999;padding:3% 5% 3%;background:#eee;font-size:1.1rem;">{{ item.title }}</h5>
                <van-cell-group v-for="(info,index) in item.info" v-bind:key="index">
                    <van-cell :title="info.title" :value="info.value" />
                </van-cell-group>
            </div>
        </div>
</template>

<script>
    export default {
        data() {
            return {
                infoList:[
                    {
                        title:"库存信息",
                        info:[
                            {title:"库存总量",value:0},
                            {title:"库存成本",value:0}
                        ]
                    },
                    {
                        title:"账户信息",
                        info:[
                            {title:"现金",value:0},
                            {title:"银行存款",value:0}
                        ]
                    },
                    {
                        title:"应付应收",
                        info:[
                            {title:"客户欠款",value:0},
                            {title:"供货商欠款",value:0}
                        ]
                    },
                    {
                        title:"收入(本月)信息",
                        info:[
                            {title:"销售收入",value:0},
                            {title:"商品毛利",value:0}
                        ]
                    },
                    {
                        title:"采购(本月)信息",
                        info:[
                            {title:"采购金额",value:0},
                            {title:"商品种类",value:0}
                        ]
                    }
                ],
            };
        },
        methods: {

        },
    }
</script>

<style scoped>

</style>
